<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <title>Next Bus NSW</title>
  <link href="static/styles.css?7" rel="stylesheet" type="text/css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  <script src="static/scroller.js?3" type="text/javascript"></script>
  <script src="static/app.js?13" type="text/javascript"></script>
  <script src="static/modernizr.js" type="text/javascript"></script>
</head>
<body>
  <div id="header">
    <h1>Next Bus</h1>
    <a href="#" class="button button-right" id="refresh">
      <span>
        <img src="static/icon_refresh.png">
      </span>
    </a>
    <a href="#" class="button button-right" id="my-location">
      <span>
        <img src="static/geolocation_icon.png" id="loc"/>
        <img src="static/ajax-loader.gif" id="load"/>
      </span>
    </a>
  </div>

  <div id="map-wrapper">
    <div id="map-canvas"></div>
  </div>

  <div id="buses-wrapper" class="scroll-frame">
    <div class="scrollable">
      <div id="buses"><ul></ul></div>
    </div>
  </div>

  <div id="about" class="scroll-frame">
    <div class="scrollable">
      <h1>About Next Bus</h1>
      <p>
        Next Bus was created in a day (19 February 2011) by
        <a href="http://twitter.com/broady">Chris Broadfoot</a>
        and <a href="http://twitter.com/lukemahe">Luke Mahe</a> as part of the
        <a href="http://apps4nsw.webdirections.org/">apps4nsw</a> hack day.
      </p>
      <p>
        It won first place in the Transport category, as well as first
        place overall.
      </p>
      <p>
        It uses live bus data provided by the RTA available at
        <a href="http://data.nsw.gov.au/">data.nsw.gov.au</a>.
      </p>
      <ul>
        <li><a href="http://code.google.com/p/next-bus/source/browse/#svn%2Ftrunk">Source</a></li>
        <li><a href="http://code.google.com/p/next-bus/issues/list">Bugs</a></li>
      </ul>
      <p>
        <strong>Disclaimer:</strong>
        The accuracy or suitability of the Data is not verified and it is provided on an &ldquo;as is&rdquo; basis.
      </p>
    </div>
  </div>

  <div id="footer">
    <a href="#" class="button button-left button-active" id="btn-map">Map</a><a href="#" class="button" id="btn-buses">Next Buses</a><a href="#" class="button button-right" id="btn-about">About</a>
  </div>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-12846745-10']);
  _gaq.push(['_setDomainName', 'none']);
  _gaq.push(['_setAllowLinker', true]);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>
